<template>
  <!-- 公共底 -->
  <footer id="footer">
    <section class="container">
      <div class>
        <h4 class="hLh30">
          <span class="fsize18 f-fM c-999">友情链接</span>
        </h4>
        <ul class="of flink-list">
          <li>
            <a href="http://www.atguigu.com/" title="尚硅谷" target="_blank">尚硅谷</a>
          </li>
        </ul>
        <div class="clear"/>
      </div>
      <div class="b-foot">
        <section class="fl col-7">
          <section class="mr20">
            <section class="b-f-link">
              <a href="#" title="关于我们" target="_blank">关于我们</a>|
              <a href="#" title="联系我们" target="_blank">联系我们</a>|
              <a href="#" title="帮助中心" target="_blank">帮助中心</a>|
              <a href="#" title="资源下载" target="_blank">资源下载</a>|
              <span>服务热线：010-56253825(北京) 0755-85293825(深圳)</span>
              <span>Email：info@atguigu.com</span>
            </section>
            <section class="b-f-link mt10">
              <span>©2018课程版权均归谷粒学院所有 京ICP备17055252号</span>
            </section>
          </section>
        </section>
        <aside class="fl col-3 tac mt15">
          <section class="gf-tx">
            <span>
              <img src="~/assets/img/wx-icon.png" alt>
            </span>
          </section>
          <section class="gf-tx">
            <span>
              <img src="~/assets/img/wb-icon.png" alt>
            </span>
          </section>
        </aside>
        <div class="clear"/>
      </div>
    </section>
  </footer>
  <!-- /公共底 -->
</template>
